<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css" href="/Public/css/boot.css">
<link rel="stylesheet" type="text/css" href="/Public/font/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/Public/css/s.css">
<link rel="stylesheet" type="text/css" href="/Public/css/wap.css">

<div class="hover">
	<div class="text">
		<span>加载中...</span> <i class="fa fa-spinner fa-spin"></i>
	</div>
</div>



<script type="text/javascript" src="/Public/js/jq.js"></script>
<script type="text/javascript" src="/Public/js/jqui.js"></script>
<script type="text/javascript" src="/Public/js/lazyload.js"></script>
<script type="text/javascript" src="/Public/js/boot.js"></script>
<script type="text/javascript" src="/Public/js/function.js"></script>



<!-- 引入 jQuery Mobile 库 -->

    <meta name="description" content="<?php echo ($info["description"]); ?>">
    <meta name="keywords" content="<?php echo ($info["keywords"]); ?>">
    <title><?php echo ($info["title"]); ?>-资金变动记录</title>
    <style type="text/css">
        .select{
            width: 100%; height:40px; background:#fff; overflow:auto; position:fixed;top:50px;left:0;
        }
        .select .option{
            width:25%; float:left; height:40px; line-height:40px; text-align:center;
            color:#666;
        }
        .select .option.active{
            color:#f23030; border-bottom:2px solid #f23030;
        }

        .content{
            display:none;
        }
        .content .order{
            background:#fff; margin:5px 0; overflow:auto; line-height:20px;
            padding:5px;
        }
        .content .order .title{
             font-size:14px; color:#666;
        }
        .content .order .time{
             font-size:12px; color:#bcbcbc;
        }
        
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 资金变动记录</p>
        </div>
        <div class="right">
            
        </div>
    </div>

    <div class="body" style="margin-top:100px;">
        <div class="select">
            <div class="option active" onclick="change_type(1)" id="t1">
                全部
            </div>
            <div class="option" onclick="change_type(2)" id="t2">
                奖励
            </div>
            <div class="option" onclick="change_type(3)" id="t3">
                消费
            </div>
            <div class="option" onclick="change_type(4)" id="t4">
                提现
            </div>
        </div>
        <div class="content" id="content1" style="display: block;">
            <div class="order">
                <div class="title">中国IT的希望消费599，收到奖励56.50元。</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
            <div class="order">
                <div class="title">提现456.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
            <div class="order">
                <div class="title">购买商品消费578.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
        <div class="content" id="content2">
            <div class="order">
                <div class="title">中国IT的希望消费599，收到奖励56.50元。</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
        <div class="content" id="content3">
            <div class="order">
                <div class="title">购买商品消费578.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
        <div class="content" id="content4">
            <div class="order">
                <div class="title">提现456.50元</div>
                <div class="time">2017-05-01 16:43:59</div>
            </div>
        </div>
    </div>
    
	<div class="clear"></div>
<div class="foot">
	<a href="<?php echo U('Index/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-home" aria-hidden="true"></i></div>
			<div class="text">首页</div>
		</div>
	</a>
	<a href="<?php echo U('Cart/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-shopping-cart" aria-hidden="true"></i></div>
			<div class="text">购物车</div>
		</div>
	</a>
	<a href="<?php echo U('Friend/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-users" aria-hidden="true"></i></div>
			<div class="text">好友</div>
		</div>
	</a>
	<a href="<?php echo U('Bbc/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-comments-o" aria-hidden="true"></i></i></div>
			<div class="text">论坛</div>
		</div>
	</a>
	<a href="<?php echo U('Mine/index');?>" data-transition="slide">
		<div class="bttn">
			<div class="img"><i class="fa fa-user" aria-hidden="true"></i></div>
			<div class="text">我的</div>
		</div>
	</a>
</div>



    <script type="text/javascript">
        imgload();

        function change_type(id){
            $('.option').removeClass('active');
            $('#t'+id).addClass('active');
            $('.content').hide();
            $('#content'+id).fadeIn(200);
        }

    </script>
	
</body>
</html>